window.addEventListener("load", () => {
        class detail {
            constructor() {




                this.add = document.querySelector(".cost>.sp2")
                this.reduce = document.querySelector(".cost>.sp1")
                this.gocar = document.querySelector(".gocar")
                this.re = location.hash

                // console.log(this.re);
                this.getCartData()
                this.cart_data = this.getCartData()
                console.log(this.cart_data);

                this.loadListData().then((res) => {
                    this.data = res
                    this.rander()
                })
                this.a = this.re.match(/a(\d?)/)[1];
                this.b = this.re.match(/b(\d+)/)[1];
                this.sum = 1
                this.bindevevt()




                // console.log(goods);
            }

            bindevevt() {
                // 增加数量
                on(this.add, "click", function() {
                        this.sum = Number($(".cost>input").val())
                        this.sum += 1
                            // console.log("首页");
                        $(".cost>input").val(this.sum)
                    })
                    // 减少数量
                on(this.reduce, "click", function() {
                    this.sum = Number($(".cost>input").val())
                    if (this.sum < 1) {
                        this.sum = 0
                    } else {
                        this.sum -= 1
                    }
                    $(".cost>input").val(this.sum)
                })



                // 加入数据
                on(this.gocar, "click", () => {

                    this.TOKEN = cookie("TOKEN")
                    if (this.TOKEN.length > 0) {
                        this.re = location.hash
                        this.sum = Number($(".cost>input").val())
                        this.cardata = this.cart_data
                        this.c = this.cart_data.length
                        this.data = {
                            id: this.re,
                            sum: this.sum
                        }
                        this.cardata[this.c] = this.data
                        console.log(this.cardata);
                        this.save()
                        location.href = "./shopcar.html"

                    } else {
                        location.href = "./login.html"

                    }
                })
            }
            loadListData() {

                let options = ({
                    url: "../static/data/ind.json",
                    type: "GET",
                    dataType: "json",

                    dataType: "json"
                })
                return ajax(options)

            }
            rander() {
                this.goods = this.data[this.a].data[this.b]

                $(".img-box img").attr(`src`, `${this.goods.pic}`)
                $(".big-img img").attr("src", `${this.goods.pic}`)
                $(".dright>.sp1 ").text(`${this.goods.name}`)
                $(".dright>h5>.sp2").text(`${this.goods.name}`)
                $(".dcontent>.p1>.sp2").text(`￥${this.goods.crossedPrice}`)
                $(".detial").append(`${this.goods.productChannelVoList[0].detailHtml}`)
                $(".cost>input").val(`${this.sum}`)
                new Magnifier({
                    el: ".goods-detail",
                    img: ".img-box",
                    focus: ".focus",
                    big: ".big-img",
                    big_img: ".big-img img"
                });
            }
            getCartData() {
                try {
                    let data = JSON.parse(localStorage.getItem("cart"))
                    if (data === null) {
                        return {}
                    }
                    return data;
                } catch (e) {
                    return {};
                }
            }

            // addCart(id, data) {
            //     // 判断当前的id是否存在于购物车列表之中
            //     if (id in this.cart_data) {
            //         // 如果存在就让商品数量自增; 
            //         this.cart_data[id].count++;
            //     } else {
            //         // 如果不存在就放入一个初始数据; 
            //         data.count = 1;
            //         this.cart_data[id] = data;
            //     }
            //     this.save();
            // }

            save() {
                    localStorage.setItem("cart", JSON.stringify(this.cardata));
                }
                // gocar() {
                //     this.id = this.re
                //         // this.sum=this.sum
                //         // localStorage.setItem("card",)
                // }
        }
        new detail()
    })
    // $.ajax({
    //     type: "GET",
    //     url: "../static/data/ind.json",
    //     dataType: "json",
    //     success: function(res) {
    //         new detail(res)
    //     }
    // });
    // // window.addEventListener("load", () => {
    // class detail {
    //     constructor(res) {
    //         this.res = res
    //         console.log(this.res);
    //         this.add = document.querySelector(".cost>.sp2")
    //         this.reduce = document.querySelector(".cost>.sp1")
    //         this.gocar = document.querySelector(".gocar")
    //         this.re = location.hash

//         // console.log(this.re);
//         this.getCartData()
//         this.cart_data = this.getCartData()
//         console.log(this.cart_data);

//         this.loadListData()
//         this.a = this.re.match(/a(\d?)/)[1];
//         this.b = this.re.match(/b(\d+)/)[1];

//         this.sum = 1
//         this.bindevevt()
//         this.rander()



//         // console.log(goods);
//     }
//     bindevevt() {
//         // 增加数量
//         on(this.add, "click", function() {
//                 this.sum = Number($(".cost>input").val())
//                 this.sum += 1
//                     // console.log("首页");
//                 $(".cost>input").val(this.sum)
//             })
//             // 减少数量
//         on(this.reduce, "click", function() {
//             this.sum = Number($(".cost>input").val())
//             if (this.sum < 1) {
//                 this.sum = 0
//             } else {
//                 this.sum -= 1
//             }
//             $(".cost>input").val(this.sum)
//         })


//         // 加入数据
//         on(this.gocar, "click", function() {
//             this.TOKEN = cookie("TOKEN")
//                 // console.log(this.cart_data);
//             if (this.TOKEN.length > 0) {
//                 this.re = location.hash
//                 this.sum = Number($(".cost>input").val())
//                 this.data = {
//                         id: this.re,
//                         sum: this.sum
//                     }
//                     // console.log(this.data);
//             } else {
//                 location.href = "./login.html"
//             }
//         })
//     }
//     loadListData() {
//         this.data = this.res
//         console.log(this.data);
//     }
//     rander() {
//         console.log(this.a);
//         console.log(this.data[this.a]);
//         this.goods = this.data[this.a].data[this.b]

//         $(".img-box img").attr(`src`, `${this.goods.pic}`)
//         $(".big-img img").attr("src", `${this.goods.pic}`)
//         $(".dright>.sp1 ").text(`${this.goods.name}`)
//         $(".dright>h5>.sp2").text(`${this.goods.name}`)
//         $(".dcontent>.p1>.sp2").text(`￥${this.goods.crossedPrice}`)
//         $(".detial").append(`${this.goods.productChannelVoList[0].detailHtml}`)
//         $(".cost>input").val(`${this.sum}`)
//         new Magnifier({
//             el: ".goods-detail",
//             img: ".img-box",
//             focus: ".focus",
//             big: ".big-img",
//             big_img: ".big-img img"
//         });
//     }
//     getCartData() {
//         try {
//             let data = JSON.parse(localStorage.getItem("cart"))
//             if (data === null) {
//                 return {}
//             }
//             return data;
//         } catch (e) {
//             return {};
//         }
//     }

//     addCart(id, data) {
//         // 判断当前的id是否存在于购物车列表之中
//         if (id in this.cart_data) {
//             // 如果存在就让商品数量自增; 
//             this.cart_data[id].count++;
//         } else {
//             // 如果不存在就放入一个初始数据; 
//             data.count = 1;
//             this.cart_data[id] = data;
//         }
//         this.save();
//     }
//     remove(id) {
//         delete this.cart_data[id];
//         this.save();
//     }
//     save() {
//             localStorage.setItem("cart", JSON.stringify(this.cart_data));
//         }
//         // gocar() {
//         //     this.id = this.re
//         //         // this.sum=this.sum
//         //         // localStorage.setItem("card",)
//         // }
// }
// new detail()
//     // })